<div id="btn_backward" style="position:absolute;top:0px;right:174px;cursor:pointer;">
  <ul class="nav ace-nav">
    <li class="light-11">
      <a href="javascript:tab_backward();" style="height:40px;min-width:30px;">
        <i class="light-grey fa fa-backward"></i>
      </a>
    </li>
  </ul>
</div>
<div style="position:absolute;top:0px;right:145px;cursor:pointer;">
  <ul class="nav ace-nav">
    <li class="light-11">
      <a href="javascript:tab_forward();" style="height:40px;min-width:30px;">
        <i class="light-grey fa fa-forward"></i>
      </a>
    </li>
  </ul>
</div>
<div style="position:absolute;width:77px;top:0px;right:70px;cursor:pointer;">
  <ul class="nav ace-nav">
    <!-- #section:basics/navbar.user_menu -->
    <li class="light-11">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#" style="height:40px;">
					<span style="color:#999C9E;">
						<small>操作选项</small>
					</span>
        <i class="light-grey fa fa-caret-down"></i>
      </a>
      <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-lighter dropdown-caret dropdown-close">
        <li>
          <a href="javascript:switchTheme();">
            <i class="light-black ace-icon fa fa-paint-brush" style="width:15px;"></i>
            <span style="color:#576373">主题切换</span>
          </a>
        </li>
        <li class="divider"></li>
        <li>
          <a href="javascript:openPerson();">
            <i class="light-black ace-icon fa fa-user" style="width:15px;"></i>
            <span style="color:#576373">个人信息编辑</span>
          </a>
        </li>
        <li>
          <a href="javascript:editPassword();">
            <i class="light-black ace-icon fa fa-lock" style="width:15px;"></i>
            <span style="color:#576373">个人密码修改</span>
          </a>
        </li>
        <li class="divider"></li>
        <li>
          <a href="javascript:showTab();">
            <i class="light-black ace-icon fa fa-location-arrow" style="width:15px;"></i>
            <span style="color:#576373">定位当前选项卡</span>
          </a>
        </li>
        <li>
          <a href="javascript:reloadTab();">
            <i class="light-black ace-icon fa fa-refresh" style="width:15px;"></i>
            <span style="color:#576373">刷新当前选项卡</span>
          </a>
        </li>
        <li class="divider"></li>
        <li>
          <a href="javascript:closeThis();">
            <i class="light-black ace-icon fa fa-times" style="width:15px;"></i>
            <span style="color:#576373">关闭当前选项卡</span>
          </a>
        </li>
        <li>
          <a href="javascript:closeOther();">
            <i class="light-black ace-icon fa fa-times-circle-o" style="width:15px;"></i>
            <span style="color:#576373">关闭其他选项卡</span>
          </a>
        </li>
        <li>
          <a href="javascript:closeAll();">
            <i class="light-black ace-icon fa fa-times-circle" style="width:15px;"></i>
            <span style="color:#576373">关闭全部选项卡</span>
          </a>
        </li>
      </ul>
    </li>
  </ul>
</div>
<div style="position:absolute;top:0px;right:10px;cursor:pointer;">
  <ul class="nav ace-nav">
    <li class="light-11">
      <a href="javascript:logout();" style="height:40px;min-width:61px;">
        <i class="light-grey fa fa-sign-out"></i>
        <span style="color:#999C9E;">
						<small>退出</small>
					</span>
      </a>
    </li>
  </ul>
</div>
<script type="text/javascript">

    var searchGrid = function () {
    };

    var switchTheme = function () {
        layer.confirm("是否切换主题？", {
            icon: 3,
            btn: ['确定', '取消'] //按钮
        }, function () {
            var ajax = new Ajax("/exchangeTheme", function (data) {
                if (data.success == true) {
                    window.location.href = "/system/index";
                } else {
                    window.location.href = "/login/to-login";
                }
            });
            ajax.start();
        }, function () {
        });
    };

    var openPerson = function () {
        layer.open({
            type: 2,
            title: "${userInfo.username}→个人信息编辑",
            area: ["800px", "520px"],
            fix: false, //不固定
            maxmin: true,
            content: "/securityUser/to-form?operation=editInfo&id=${userInfo.id}"
        });
    };

    var editPassword = function () {
        layer.open({
            type: 2,
            title: "${userInfo.account}→密码修改",
            area: ["350px", "420px"],
            fix: false, //不固定
            maxmin: true,
            content: "/securityUser/to-updatePassword?id=${userInfo.id}"
        });
    };

    var logout = function () {
        layer.confirm("是否确定退出？", {
            icon: 3,
            btn: ["确定", "取消"] //按钮
        }, function () {
            window.location.href = "/login/logout";
        }, function () {
            //layer.msg('已取消');
        });
    }
</script>
